<!doctype html>
<html>

	<head>
		<!-- 页面字符编码 -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/comm.css" rel="stylesheet" />
		<link href="css/layout.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
		<style type="text/css">
			.piaochecked {
				width: 20px;
				height: 20px;
				cursor: pointer;
				margin-left: 10px;
				text-align: center;
			}
			
			.radioclass {
				opacity: 0;
				cursor: pointer;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				filter: alpha(opacity=0);
			}
		</style>
	</head>

	<body>
		<!-- 头部 S-->
		<header class="mui-bar mui-bar-nav  mui-bar-bom mui-bar-white">
			<a class="iconfont icon-fanhui mui-pull-left"></a>
			<h1 class="mui-title mui-bar-title">厨房信息</h1>
		</header>
		<!-- 头部 E -->
		<div class="mui-content">
			<div class="mui-scroll-wrapper mscrollSet mui-scroll-top">
				<div class="mui-scroll">

					<div class="mui-kitchen-msg">
						<div class="mui-cook">
							<div class="mui-cook-padding">

								<div class="title">
									这是一个什么类型的厨房
								</div>
								<ul class="mui-table-view mui-sjd-media">
									<li class="mui-table-view-cell bm">西式厨房
										<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
											<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
										</div>
									</li>
									<li class="mui-table-view-cell bm">中式厨房
										<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
											<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
										</div>
									</li>
									<li class="mui-table-view-cell bm">古式厨房
										<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
											<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
										</div>
									</li>
									<li class="mui-table-view-cell">其他厨房
										<div class="piaochecked mui-pull-right iconfont icon-fuxuankuang01">
											<input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
										</div>
									</li>

								</ul>

							</div>
							<div class="mui-one-line"></div>
						</div>
						<div class="mcenter mt12 mui-kitchen-num">
							您的厨房可容纳的人数
							<div class="mui-num-line">
								<div class="mui-wid50">
									<div class="mui-num-input">
										<input type="number" name="" id="" value="" placeholder="最少" /><label for="">	人</label>
									</div>
								</div>
								<em class="mui-pull-left"></em>
								<div class="mui-wid50">
									<div class="mui-num-input mui-pull-right">
										<input type="number" name="" id="" value="" placeholder="最多" /><label for="">	人</label>
									</div>
								</div>
							</div>
							<div class="mui-one-line"></div>
						</div>
						<div class="mui-about-ms mt12">
							<div class="mui-cook-padding">
								<div class="title">
									关于您的描述
								</div>
								<textarea name="" rows="6" cols="" placeholder="请简单描述下关于你，你的菜，你的厨艺，你 的厨房，让大家更了解你更了解美食~"></textarea>
							</div>
							<div class="mui-one-line"></div>
						</div>
						<div class="mui-sheshi mt12">
							设施
							<span class="mui-pull-right ">请添加您的厨房设施<em class="iconfont icon-xiayibu" style="vertical-align: -2px;margin-left: 5px;"></em></span>
						</div>
						<div class="mt20 mg10 mui-btn-seting">

							<input type="submit" class="mui-btn mui-btn-block mui-btn-primary mui-conf-btn" name="login" id="login" value="保存">

						</div>
					</div>

				</div>
			</div>
		</div>

		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script src="js/scroll-wrapper.js"></script>
		<script type="text/javascript">
			$(".icon-fuxuankuang01").on("click", function() {
				$(this).toggleClass("icon-fuxuankuang02");
			})
		</script>
	</body>

</html>